<div class="col-lg-3 col-md-3 hidden-sm hidden-xs user-info">
  <div class="card ">
    <img class="card-img-top" src="{{ Auth::user()->avatar }}" alt="{{ Auth::user()->name }}">
    <div class="card-body">
      <h5></h5>
      <a class="dropdown-item {{if_route('users.show') ? 'active' : ''}}" href="{{ route('users.show', Auth::id()) }}">
        <i class="far fa-user mr-2"></i>个人中心
      </a>
      <a class="dropdown-item {{if_route('users.edit') ? 'active' : ''}}" href="{{ route('users.edit', Auth::id()) }}">
        <i class="far fa-edit mr-2"></i>编辑资料
      </a>
      <a class="dropdown-item {{if_route('products.favorites') ? 'active' : ''}}" href="{{ route('products.favorites') }}">
        <i class="far fa-heart mr-2"></i>我的收藏
      </a>
      <a class="dropdown-item {{if_route(['user_addresses.index', 'user_addresses.edit']) ? 'active' : ''}}" href="{{ route('user_addresses.index') }}">
        <i class="fa fa-telegram mr-2"></i>收货地址
      </a>
      <a class="dropdown-item {{if_route(['orders.index', 'orders.show', 'orders.review.show']) ? 'active' : ''}}" href="{{ route('orders.index') }}">
        <i class="fa fa-shopping-basket mr-2"></i>我的订单
      </a>
      <a class="dropdown-item {{if_route('installments.index') ? 'active' : ''}}" href="{{ route('installments.index') }}">
        <i class="fa fa-credit-card-alt mr-2"></i>分期付款
      </a>
      <hr>
      <h5><strong>个人简介</strong></h5>
      <p>{{ Auth::user()->introduction }}</p>
      <hr>
      <h5><strong>注册于</strong></h5>
      <p>{{ Auth::user()->created_at->diffForHumans() }}</p>
      <hr>
      <h5><strong>最后活跃</strong></h5>
      <p title="{{  Auth::user()->last_actived_at }}">{{ Auth::user()->last_actived_at->diffForHumans() }}</p>
    </div>
  </div>
</div>
